﻿
<h3>Actions Card</h3>
<AntCard Bordered Actions="new[] { actionSetting, actionEdit, actionEllipsis }" Title=@("Card")>
    <Extra>
        <a>More</a>
    </Extra>
    <Body>
        Body
    </Body>
</AntCard>

<h3>Loading Card</h3>
<AntCard Bordered Actions="new[] { actionSetting, actionEdit, actionEllipsis }"  Title=@("Card") Loading>
    <Extra>
        <a>More</a>
    </Extra>
    <Body>
        Loading Card
    </Body>
</AntCard>

<h3>Meta Card</h3>
<AntCard Style="width:300px;" Bordered Cover="coverTemplate" Actions="new[] { actionSetting, actionEdit, actionEllipsis }">
    <AntCardMeta Avatar="avatarTemplate">
        <Title>Meta Card</Title>
        <Description>This is the description</Description>
    </AntCardMeta>
</AntCard>

@code
{
    private RenderFragment actionSetting =@<Template><AntIcon Type="setting" /></Template>;

    private RenderFragment actionEdit =@<Template><AntIcon Type="edit" /></Template>;

    private RenderFragment actionEllipsis =@<Template><AntIcon Type="ellipsis" /></Template>;

    private RenderFragment avatarTemplate = @<AntAvatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></AntAvatar>;

    private RenderFragment coverTemplate = @<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />;

}
